._container_178ze_1{width:55rem!important;max-width:95%!important;margin:40px auto!important}._subContainer_178ze_11{margin:auto!important}._boxShadow_178ze_17{background:#fff 0% 0% no-repeat padding-box!important;box-shadow:0 20px 80px #0001!important;border-radius:10px!important;padding:20px!important}._timeContainer_5ubcj_1{margin:20px auto!important;border:2px solid #ebedf4;border-radius:12px;width:190px!important;padding:20px 30px!important}._textContainer_5ubcj_15{text-align:center;border-radius:12px;margin:30px 0 50px!important}._textAttendance_5ubcj_25{font-size:18px;color:#161616;font-weight:600!important}._subText_5ubcj_35{font-size:14px;color:#161616;font-weight:400;margin-top:10px!important}._timePicker_5ubcj_47{font-size:2.5rem!important;letter-spacing:0;text-align:center;color:#161616;font-weight:500;font-family:Montserrat!important}._datePick_5ubcj_63{text-align:center;color:#818181;font-size:14px;margin-top:10px!important}._buttonContainer_5ubcj_85{text-align:center!important;margin:35px 0 50px!important}._punchIn_5ubcj_93{background-color:#fff!important;width:30px!important;border-radius:30px!important;height:30px!important}._swipeImg_5ubcj_115{height:35px!important;margin-left:-4px!important}._swipBtn_5ubcj_125{background:#29cb97 0% 0% no-repeat padding-box!important;color:#fff!important;padding:10px 20px!important;font-size:14px!important;border-radius:30px!important;text-transform:uppercase!important;font-weight:600!important;font-family:Montserrat!important}._isClickCaret_5ubcj_149{background:#12b27f 0% 0% no-repeat padding-box!important;color:#fff!important;padding:10px 20px!important;font-size:14px!important;border-radius:30px!important;text-transform:uppercase!important;font-weight:600!important;width:95%!important;font-family:Montserrat!important}._swipLeftBtn_5ubcj_173{background:#f67373 0% 0% no-repeat padding-box!important;color:#fff!important;padding:10px 20px!important;font-size:14px!important;border-radius:30px!important;text-transform:uppercase!important;font-weight:600!important;font-family:Montserrat!important}._swipLeftBtnDone_5ubcj_197{background:#f21717 0% 0% no-repeat padding-box!important;color:#fff!important;padding:10px 20px!important;font-size:14px!important;border-radius:30px!important;text-transform:uppercase!important;font-weight:600!important;width:95%!important;font-family:Montserrat!important}._swipImage_5ubcj_221{margin-left:15px!important;height:20px!important}._punchInOutContainer_5ubcj_231{text-align:center!important;margin:5% 0!important}._punchInOutSubContainer_5ubcj_241{display:flex;gap:20px;margin:auto!important;width:80%;text-align:center!important}._itemFlex_5ubcj_257{display:flex!important;gap:15px!important;align-items:flex-start!important;border:2px solid #ebedf4;border-radius:12px;flex:1 1 40%!important;padding:10px!important}@media (max-width: 768px){._punchInOutSubContainer_5ubcj_241{flex-wrap:wrap!important}}._punchImage_5ubcj_285{background:#2896e9 0% 0% no-repeat padding-box;border-radius:12px;padding:10px}._punchTimeText_5ubcj_295,._punchTimeTextPunchIn_5ubcj_305{font-size:14px!important;color:#818181!important;font-family:Montserrat!important}._subBoxContainer_5ubcj_317{display:flex!important;flex-direction:column!important;text-align:justify!important;gap:4px!important}._punchTime_5ubcj_295{font-size:2rem!important;font-weight:500!important;font-family:Montserrat!important}._newLine_5ubcj_339{height:4px;width:40px;border-radius:10px;margin-left:20px;background-image:linear-gradient(265deg,#7467f0,#2896e9)!important;margin:auto!important}._swipeableButton_5ubcj_355{display:flex;align-items:center;padding:10px;background-image:linear-gradient(265deg,#7467f0,#2896e9)!important;color:#fff;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;overflow:hidden;width:80%}._swipeImageContainer_5ubcj_385{display:flex;align-items:center;transition:transform .3s ease-out}._swipeImage_5ubcj_385{width:24px;height:24px;margin-right:10px}._successImage_5ubcj_411{width:24px;height:24px;margin-left:80%}._text_5ubcj_15{margin-left:30%}._buttonContainer_5ubcj_85{display:flex;justify-content:center;align-items:center;margin:20px}